<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
</head>
<body>
<center>
  <h1>用户注册</h1>
  <!--
      请求当前注册页面时,浏览器地址栏的路径为:
      http://localhost:8088/myweb/reg.html
      form表单中action="./regUser",表单提交的实际路径为:
      http://localhost:8088/myweb/regUser

      由于method提交方式为get,因此表单数据会被拼接到URL地址中的抽象路径部分;
      格式为:请求部分?参数部分.
      例如:
      http://localhost:8088/myweb/regUser?name=dc&password=abc&nickname=cc&age=21
      请求部分由表单中的action的内容决定.
      参数部分由表单中所有输入框决定.
      因此只有被包含在form中的输入框才被包含在这里,并且注意!!注意!!
      注意:输入框必须使用name属性指定名字,否则该输入框在表单提交时会被忽略.
      参数部分的格式:name1=value1&name2=value2......
      这里的name1,name2等表示的是表单中各个输入框中的name属性指定的名字.
      这里的value1,value2等表示的是这个输入框中用户输入的信息.

      所以表单最终提交时浏览器发送请求.
      请求内容:
      GET /myweb/regUser?name=dc&password=abc&nickname=cc&age=21 HTTP/1.1
  -->
  <!--<form action="./regUser" method="get">-->
  <!--
      post形式提交后,浏览器发送请求时,请求行内容中不再含有参数:
      POST /myweb/regUser Http/1.1

      而参数都包含在了消息正文中,并且实际格式还是原GET请求中"?"右侧的参数格式,只不过包含在了消息正文中.
  -->
  <form action="./regUser" method="post">
    <table border="1">
      <tr>
        <td colspan="2" align="center">用户名</td>
        <td colspan="5"><input type="text" name="username"></td>
      </tr>
      <tr>
        <td colspan="2" align="center">密码</td>
        <td colspan="5"><input type="password" name="password"></td>
      </tr>
      <tr>
        <td colspan="2" align="center">昵称</td>
        <td colspan="5"><input type="text" name="nickname"></td>
      </tr>
      <tr>
        <td colspan="2" align="center">年龄</td>
        <td colspan="5"><input type="text" name="age"></td>
      </tr>
      <tr>
        <td colspan="7" align="center"><input type="submit" value="注册"></td>
      </tr>
    </table>
  </form>
</center>

</body>
</html>